import { Box } from "@mui/system";
import { ImageViewer, ImageViewerProps } from "antd-mobile";
import React from "react";
import { ViewerCommonProps } from "../../FileViewer";
export interface ExtendImageViewerProps extends ImageViewerProps, ViewerCommonProps {}
const Viewer = ({ onClose, src, ...otr }: ExtendImageViewerProps) => {
  return (
    <Box
      sx={{
        height: "inherit",
        position: "relative",
        div: {
          //height: "auto!important",
        },
        ".adm-mask": { backgroundColor: "transparent!important", position: "relative!important" },
      }}
    >
      {/* <Box  sx={{ position: "absolute", height: "100%", width: "100%", zIndex: 1100 }}></Box> */}

      <ImageViewer onClose={onClose} visible={true} image={src} {...otr}></ImageViewer>
    </Box>
  );
};

export default Viewer;
